<div data-role="page">
    <div data-role="header">
        <a href="#" data-rel="back" class="ui-btn ui-icon-arrow-l ui-btn-icon-left ui-shadow">返回</a>
        <h1>状态栏插件</h1>
    </div>
    <div role="main" class="ui-content">
        <p>cordova-plugin-statusbar插件</p>
        <div data-role="collapsible">
            <h1>显示隐藏状态栏</h1>
            <button  onclick="hideStatusBar()" class="ui-btn ui-btn-a">点击隐藏状态栏</button>
            <button  onclick="showStatusBar()" class="ui-btn ui-btn-a">点击显示状态栏</button>
        </div>
        <div data-role="collapsible">
            <h1>设置状态栏</h1>
            <button  onclick="StatusBarBackgroundTextColor()" class="ui-btn ui-btn-a">点击设置背景颜色</button>
            <button  onclick="StatusBarStyleDefault()" class="ui-btn ui-btn-a">点击设置文字默认样式</button>
            <button  onclick="StatusBarLightDefault()" class="ui-btn ui-btn-a">点击设置文字浅色样式</button>
        </div>
        <div data-role="collapsible">
            <h1>沉浸模式</h1>
            <button  onclick="overlaysWebView(true)" class="ui-btn ui-btn-a">点击设置沉浸模式</button>
            <button  onclick="overlaysWebView(false)" class="ui-btn ui-btn-a">点击关闭沉浸模式</button>
        </div>
    </div>
</div>
